<template>
  <el-container class="home-page" >
    <!-- 左侧导航栏 -->
    <Sidebar></Sidebar>
    <!-- 右侧内容区域 -->
    <el-main class="main-content">
      <router-view/>  <!-- 路由内容渲染在这里 -->
    </el-main>
  </el-container>
</template>

<script>
import Sidebar from "@/components/Sidebar_son.vue";
export default {
  name: 'App',
  components: {Sidebar}
}
</script>

<style>
.home-page {
  padding: 20px;
  background-color: #FFF7E1; /* 浅黄色背景，具有食欲感 */
  border-radius: 10px;
}

.main-content {
  padding: 30px;
  background-color: #FFE6CC; /* 温暖的浅橙色 */
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin-left: 20px;
}
</style>